*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}

.box{
    display: flex;
    width:990px;
    margin:0 auto;
    font-size: 20px;
}
img{
    position: relative;
    top:50px;
    left:20px;
    width:250px;
    height:100%;
}
img:hover{
    margin-left:12px;
    transition: all 1s ease-out;
}


.box1{
    width:330px;
    height:500px;
    border: 1px solid #666;
}
.box li{
    padding-top:30px;
    padding-left:30px;
}
.box2{
    width:330px;
    height:500px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}
.box2 img{
    position: relative;
    top:-60px;
    left:140px;
    width:150px;
    height:100%;
}
.box2 img:hover{
    margin-left:12px;
    transition: all 1s ease-out;
}
.box3 img{
    position: relative;
    left:140px;
    top:-80px;
    width:150px;
    height:100%;
}
.box3 img:hover{
    margin-left:12px;
    transition: all 1s ease-out;
}
.box2-1{
    height:250px;
}
.box2-2{
    height:250px;
    border-top: 1px solid #666;
}
.box3{
    width:330px;
    height:500px;
    border: 1px solid #666;
}
.box3-1{
    height:250px;
}
.box3-2{
    height:250px;
    border-top: 1px solid #666;
}
